方正電子字體設(shè)計(jì)總監(jiān)朱志偉方正電子字體設(shè)計(jì)總監(jiān)朱志偉

日前，在極客公園創(chuàng)新大會(huì)中，方正電子字體設(shè)計(jì)總監(jiān)朱志偉在大會(huì)現(xiàn)場(chǎng)做了《從一筆一劃說(shuō)起：淺談字體設(shè)計(jì)與視覺(jué)感受》的主題演講。

朱志偉表示，自己在字體領(lǐng)域工作了44年，見(jiàn)證了字體從鉛與火到光與電再到互聯(lián)網(wǎng)時(shí)代的轉(zhuǎn)變。他認(rèn)為，字體的發(fā)展和變化的根本目的，都是為了滿足人的視覺(jué)感受，順應(yīng)人的視覺(jué)功能。影響字體發(fā)展的因素分別是：文化、技術(shù)、視覺(jué)和時(shí)尚。

朱志偉認(rèn)為，隨著互聯(lián)網(wǎng)時(shí)代的到來(lái)，每個(gè)人手中屏幕顯示的越來(lái)越精細(xì)，對(duì)字體要求越來(lái)越高?；ヂ?lián)網(wǎng)的產(chǎn)品經(jīng)理和UI設(shè)計(jì)師應(yīng)該注意將字用好，帶給讀者更好的閱讀體驗(yàn)。

以下為演講全文：

大家下午好！非常高興今天來(lái)到極客公園這個(gè)舞臺(tái)和大家分享關(guān)于字體設(shè)計(jì)的體會(huì)和經(jīng)驗(yàn)。

我今年60歲，和字體打了44年的交道，從16歲到印刷廠去學(xué)刻鉛字當(dāng)工人，一直到今天一直沒(méi)有離開(kāi)過(guò)字體工作。

我伴隨著字體走過(guò)了三個(gè)時(shí)代：一個(gè)是鉛與火時(shí)代，再一個(gè)是光與電時(shí)代，一直到今天的互聯(lián)網(wǎng)時(shí)代。在這時(shí)代的變遷中，字體和字體應(yīng)用，會(huì)有什么樣的變化呢？極客給我出的這個(gè)題目《淺談字體設(shè)計(jì)與視覺(jué)感受》，恰恰是這個(gè)問(wèn)題的核心。不管什么時(shí)代，什么樣的技術(shù)條件，字體的發(fā)展和變化的根本目的，都是為了滿足人的視覺(jué)感受，順應(yīng)人的視覺(jué)功能。

下面，我就從兩個(gè)方面和大家分享我對(duì)字體的認(rèn)識(shí)：一個(gè)是影響字體發(fā)展的四個(gè)因素，再一個(gè)是在當(dāng)今數(shù)字技術(shù)條件下，字體的視覺(jué)體驗(yàn)。

影響字體發(fā)展的因素我認(rèn)為有這四個(gè)方面：文化、技術(shù)、視覺(jué)和時(shí)尚。

字體發(fā)展的直接動(dòng)力就是文化的發(fā)展、文化的繁榮、信息的增強(qiáng)，使社會(huì)對(duì)文字的需求量在增加，這刺激了字體的發(fā)展，這就是字體發(fā)展的動(dòng)力。

我們看這個(gè)圖，左邊是顏真卿的作品，右邊是歐陽(yáng)珣的作品，我們的宋體字就是這樣在傳統(tǒng)文化的基礎(chǔ)上發(fā)展起來(lái)的。

我們看，最左邊是宋代的雕版，中間是明代的雕版，最右邊是清代的雕版。在三個(gè)雕刻版本上我們可以看到，人利用工具控制字體的能力在不斷提高。到清代，宋體字已經(jīng)和現(xiàn)在的范式基本差不多了，非常成熟了。

這就說(shuō)明，文化發(fā)展社會(huì)結(jié)構(gòu)的加快，比如宋體字的產(chǎn)生，并不是人們審美的選擇，而是文化發(fā)展、文化繁榮的必然走向，因?yàn)槊刻煲幚淼墓ぷ?，要雕刻的字越?lái)越多，為了應(yīng)對(duì)這樣繁榮的工作，變曲為直，雕刻楷書(shū)的曲線要比雕刻宋體字的直線難得多，費(fèi)工費(fèi)力。

到了工業(yè)時(shí)代的機(jī)械操作，宋體字就更加精致了，機(jī)械化的操作為我們追求精致、嚴(yán)謹(jǐn)?shù)娘L(fēng)格結(jié)構(gòu)提供了可能性。

所以，從文字的發(fā)展中我們也可以感受到技術(shù)的力量。實(shí)際上，宋體字在古代，一直到清代，是不受中國(guó)文人歡迎的。有錢的中國(guó)文人，他們出書(shū)要用軟字，也就是前面的宋版本，是楷體。但是，這種直筆劃的宋體確實(shí)方便，操作起來(lái)容易并且成本低，所以文化和技術(shù)的歷來(lái)是不可阻擋的。

宋體字的發(fā)展方向一直是沿著清晰、方便、快捷的方向發(fā)展的，首先它要清晰的傳播信息，再一個(gè)傳播要方便、要快捷，這是字體發(fā)展的總體趨勢(shì)。

技術(shù)的發(fā)展，使黑體字成為今天的主流字體。屏幕上大家看到的是微軟雅黑，是方正為微軟開(kāi)發(fā)的屏幕顯示字體，我們稱它為第一代顯示字體。在VISTA之前Windows用的是宋體字，從VISTA之后，Windows系統(tǒng)都是在用雅黑，所以從微軟雅黑、黑體，漸漸的在我們大陸開(kāi)始流行起來(lái)。

這是我們?yōu)槭謾C(jī)屏幕開(kāi)發(fā)的第二代顯示字體，叫悠黑，它的結(jié)構(gòu)和風(fēng)格適于手機(jī)屏幕的閱讀。不管什么技術(shù)，字體最終是要按人的視覺(jué)需要來(lái)發(fā)展的。我們看這兩個(gè)數(shù)，由于人的眼睛是先注意左邊的物體，后注意右，先注意上后注意下，這樣就產(chǎn)生了視錯(cuò)覺(jué)，這兩個(gè)同樣寬的數(shù)，我們看起來(lái)會(huì)覺(jué)得左邊的要比右邊的寬一些，當(dāng)這個(gè)數(shù)橫放的時(shí)候，我們會(huì)覺(jué)得，這個(gè)橫比豎要寬一些，實(shí)際它的粗度是一樣的，這就是視錯(cuò)覺(jué)。

從視覺(jué)習(xí)慣上，豎的物體會(huì)顯得高聳不安、顯得活躍、顯得多變，橫的物體會(huì)非常穩(wěn)重，穩(wěn)重感極強(qiáng)。宋體字的橫細(xì)豎粗的處理和設(shè)計(jì)，正好調(diào)整了動(dòng)與靜的和諧。宋體字的橫細(xì)豎粗，并不是從宋體開(kāi)始的，中國(guó)傳統(tǒng)書(shū)法的應(yīng)用字體，實(shí)際上在很長(zhǎng)一段時(shí)間，楷書(shū)是正體字，它的應(yīng)用字體，基本上都是橫細(xì)豎粗的。左邊是古羅馬題，古羅馬體也是橫細(xì)豎粗，有著作介紹，西文的橫細(xì)豎粗是筆造成的，但我想它也是跟視覺(jué)的選擇有關(guān)。

所以，文字的發(fā)展，是按照人的視覺(jué)規(guī)律來(lái)發(fā)展的。中國(guó)文字在漫長(zhǎng)的發(fā)展過(guò)程當(dāng)中，首先是遵從了方便，順應(yīng)人的書(shū)寫功能。比如說(shuō)，在楷書(shū)之前，是從大撰、小撰，它的特點(diǎn)是越來(lái)越方便書(shū)寫，越來(lái)越順應(yīng)人的書(shū)寫習(xí)慣，是這樣一個(gè)結(jié)果。所以，中文、西文雖然是截然不同的文字，但是把它作為一個(gè)視覺(jué)符號(hào)，在這一點(diǎn)上，它不是巧合，而是人們視覺(jué)的選擇。

無(wú)稱線體在西方非常流行，是英國(guó)設(shè)計(jì)師威廉卡斯龍?jiān)?816年設(shè)計(jì)的無(wú)稱線體，這是工業(yè)時(shí)代的產(chǎn)物，工業(yè)時(shí)代的特征是力量，是幾何型的。當(dāng)時(shí)這種字體，廣泛應(yīng)用于印刷。后來(lái)的裝飾運(yùn)動(dòng)和平面設(shè)計(jì)運(yùn)動(dòng)，這種字體得到了廣泛的應(yīng)用。這是那個(gè)時(shí)代的風(fēng)尚，它和那個(gè)時(shí)代的建筑和產(chǎn)品設(shè)計(jì)是完全融合的，和包豪斯的極嚴(yán)主義思想是完全一致的，這就是思想和時(shí)代風(fēng)尚的關(guān)系。

工業(yè)時(shí)代，產(chǎn)生了無(wú)稱線體，同時(shí)它又影響了社會(huì)風(fēng)尚，反過(guò)來(lái)社會(huì)風(fēng)尚又促進(jìn)了這種無(wú)稱線體的發(fā)展。盡管如此，無(wú)稱線體的閱讀，仍然沒(méi)有有稱線體舒適。

在西方，無(wú)論是報(bào)紙還是書(shū)籍，它的正文字仍然是使用有稱線的羅馬體，因?yàn)樗鼘?duì)有規(guī)律的裝飾線，可以引導(dǎo)視線，減輕閱讀的疲勞，可以長(zhǎng)時(shí)間閱讀不累，起到這樣一個(gè)作用，這是字體與時(shí)代的關(guān)系。

黑體字，在我們國(guó)內(nèi)，在中國(guó)大陸，黑體字，就是所謂的無(wú)稱線體流入中國(guó)時(shí)間并不長(zhǎng)，我在印刷廠工作過(guò)20年，我只見(jiàn)到中間的這塊黑體和右邊的黑體，一個(gè)是用于正文里面的加注強(qiáng)調(diào)重點(diǎn)作用的，再一個(gè)是用標(biāo)題。

后來(lái)有了細(xì)黑一，用在辭海上眉頭上的字，所以它在大陸上的使用就比較少，特別是在文革當(dāng)中使用的比較多。比如說(shuō)，它用于毛主席語(yǔ)錄，用于大標(biāo)題，特別是比較重要的新聞，都是用黑體字做標(biāo)題。黑體字的使用，在我們大陸主要是用于強(qiáng)調(diào)和提示作用。所以，它在我們大陸沒(méi)有像西方那樣形成一種風(fēng)尚。而是在技術(shù)的推動(dòng)下，由于黑體適應(yīng)了屏幕顯示的特性，所以這些年黑體漸漸的流行起來(lái)。

數(shù)字技術(shù)條件下的字體視覺(jué)體驗(yàn)，數(shù)字技術(shù)相對(duì)于工業(yè)技術(shù)，又先進(jìn)了不知道多少倍。在今天的數(shù)字技術(shù)下，我們針對(duì)字體可以做些什么？比如，我們今天可以把字做的更精致、很光潔，你看不到手工的痕跡，看不到機(jī)器的痕跡。這個(gè)也使人們感到情感上有缺失，所以現(xiàn)在大家有很多字體愛(ài)好者，在從古籍課本當(dāng)中找創(chuàng)作思路，所謂的復(fù)刻風(fēng)潮，把古代優(yōu)秀的刻本風(fēng)格復(fù)制下來(lái)，電腦技術(shù)提供了這種可能，這種做法在機(jī)器雕模時(shí)代是不可能的。

但是我們還有更深層次的追求，就是字體和視覺(jué)的關(guān)系，這些年提到了可讀性、閱讀性的機(jī)率越來(lái)越頻繁，可讀性就是字體可辨識(shí)的程度，易讀性就是，閱讀信息的舒適性，幫助你理解信息的功能。所以，在今天的數(shù)字條件下，數(shù)字技術(shù)為我們創(chuàng)造了條件。

說(shuō)到字體與視覺(jué)的關(guān)系，我們還是從雅宋開(kāi)始，左邊是微軟雅宋，右邊是蘭亭黑。這實(shí)際上是一個(gè)設(shè)計(jì)師設(shè)計(jì)的同一款作品，左邊的雅宋提供給微軟之后，我們又進(jìn)行了一些改進(jìn)，要推出我們的產(chǎn)品叫蘭亭黑，廣泛用于平面媒體和網(wǎng)絡(luò)，還有手機(jī)的顯示，這兩款字有什么區(qū)別呢？一個(gè)是雅黑字面大一些，蘭亭黑字面小一些。

再一個(gè)，口、日如果在上面的時(shí)候，雅黑下面出角，蘭亭黑下面不出角，這點(diǎn)小小的區(qū)別閱讀體驗(yàn)上會(huì)帶來(lái)不同。中間這兩個(gè)文本塊，我們通過(guò)讀的方法來(lái)體驗(yàn)它有什么不同。我在這里教大家一個(gè)讀的方法，大家對(duì)字體的感受可能非常渺茫，不知道有什么特征，或者好不好，適不適合我的需要，怎么對(duì)字體進(jìn)行判斷呢？我教大家用讀的方法，因?yàn)闈h字是形、音、義。

宣紙最易于做中國(guó)畫，這邊讀一句，這邊讀一句，不用別人告訴你，你自己馬上就有一感覺(jué)。這兩個(gè)字的特點(diǎn)，是不是你需要的字體，你馬上就清楚了。有的朋友聽(tīng)完我的演講之后，后來(lái)和我交流，說(shuō)朱老師，我就按照您的方法去比較、去讀，還確實(shí)是這樣。

字體和視覺(jué)體驗(yàn)的關(guān)系，有這樣幾個(gè)因素，我們看見(jiàn)一個(gè)方陣，不會(huì)把注意力集中在每個(gè)士兵身上，每個(gè)字和士兵一樣，在這個(gè)字陣當(dāng)中，單獨(dú)一個(gè)字是一個(gè)整體，一個(gè)詞是一個(gè)整體，形成文本塊之后，會(huì)有一個(gè)比較整齊、均勻的閱讀節(jié)奏。整體感和視覺(jué)的關(guān)系是這樣的，這張圖叫視覺(jué)的認(rèn)知，它告訴我們?nèi)说囊曈X(jué)是有限的。

當(dāng)我們注意到一行A的時(shí)候，眼睛注意到中間這個(gè)A，周圍是模糊的，但是人的眼睛是快速運(yùn)動(dòng)、毫不費(fèi)力運(yùn)動(dòng)的，整體感就是給人的這種視覺(jué)功能提供了更加方便的閱讀效果。四成美國(guó)失業(yè)者都恨機(jī)器人，在我看來(lái)它的間距過(guò)大、顯得松散，我調(diào)整了一下，把字距縮小了一些，字號(hào)自然可以加大兩碼，再讀一下，它的閱讀感、視覺(jué)體驗(yàn)，和上面有了明顯的不同，有了提高。這是為什么呢？一個(gè)是由于它的字間距稍微大一些，右邊是博雅宋。

縮小之后，我們可以更清楚的看到，左邊字距大，右邊字距小，字距小一些的文字更利于閱讀。再一個(gè)是節(jié)奏，中文傳統(tǒng)的設(shè)計(jì)叫做腰身緊、縱深高。但是我在設(shè)計(jì)博雅宋的時(shí)候，這樣的設(shè)計(jì)是錯(cuò)誤的，我們要適當(dāng)?shù)姆潘伞Ｉ厦娴木艑m格一樣大，下面是中間大周圍小。從大看小，下面的九宮格會(huì)比上面舒展，這是結(jié)構(gòu)上的不同。

再一個(gè)是字體的顏色，上面說(shuō)的這些因素，字體的結(jié)構(gòu)和字距大小，可以影響字體的顏色，字體是有顏色的，有深灰或者淺灰，當(dāng)然顏色深一些，更利于閱讀。這種顏色的深淺是怎么造成的呢？局部放大之后我們可以看到，它是由于字距的不同，左邊字距大，右邊字距小，它的顏色一深一淺。它的原理是這樣的，這個(gè)方格中間的交叉處會(huì)有灰點(diǎn)閃動(dòng)。同時(shí)我們也可以看到，它的顏色一個(gè)比一個(gè)深，間距最小的顏色最深。

這是同一款字體、同等條件排的，只是左邊字距大，右邊字距小，我們可以看到它的顏色是一深一淺。這個(gè)APP界面大家一看都非常熟悉，澎湃新聞，它是用宋體，這種宋體趨勢(shì)不適合屏幕顯示，為什么呢？因?yàn)檫@個(gè)宋體它的豎已經(jīng)很粗了，但是它還很閃，在手機(jī)的高亮度下非常刺眼。

這個(gè)問(wèn)題，實(shí)際上我在開(kāi)發(fā)博雅宋的時(shí)候已經(jīng)發(fā)現(xiàn)了。如果宋體字印在銅版紙上，它的效果和屏幕上的效果是一樣的，晃眼，因?yàn)樗臋M太細(xì)，它的橫豎對(duì)比太強(qiáng)烈。左邊是正常的雅宋，中間是把雅宋的橫加粗了，這樣的字適合顯示，右邊是博雅宋，在03年設(shè)計(jì)博雅宋的時(shí)候，我就有意調(diào)整了橫豎的比例關(guān)系。在我的電腦屏幕，我一直都是不用黑體的，都用宋體，用博雅。當(dāng)我換了win7之后博雅宋用不了了，細(xì)了，我手機(jī)也是，當(dāng)換了iPhone4之后用不了博雅宋了，因?yàn)樗娘@示精度提高了，筆劃就細(xì)了，所以這也是技術(shù)的原因。

再一個(gè)是視覺(jué)噪音，在這個(gè)APP界面上有兩個(gè)問(wèn)題：左邊這個(gè)圖的問(wèn)題是字的間距不一樣大，你評(píng)價(jià)一個(gè)文本質(zhì)量的優(yōu)劣，要看它每個(gè)字的組合有沒(méi)有等效的視覺(jué)間距，是靠這個(gè)來(lái)評(píng)價(jià)的。再一個(gè)是字體本身不美觀，比如這個(gè)教，肯定是左邊這個(gè)教不好看。當(dāng)我們閱讀這樣信息的時(shí)候，就會(huì)干擾我們的閱讀，就會(huì)使我們的視覺(jué)造成停頓。比如我們閱讀“訓(xùn)練營(yíng)”，如果你對(duì)字體稍微有要求的話就會(huì)注意到不好看的字。

以上我講的是字體在今天這個(gè)技術(shù)下和人的視覺(jué)關(guān)系，在過(guò)去的十年，我經(jīng)常面對(duì)的是平面媒體的設(shè)計(jì)師，今天是第一次面對(duì)這么多互聯(lián)網(wǎng)行業(yè)的產(chǎn)品經(jīng)理。我感覺(jué)，一個(gè)新的技術(shù)時(shí)代開(kāi)始了。字體來(lái)到讀者面前要經(jīng)過(guò)兩個(gè)環(huán)節(jié)：一個(gè)是字體設(shè)計(jì)師要把字形設(shè)計(jì)好，再一個(gè)是產(chǎn)品經(jīng)理UI設(shè)計(jì)師要把字用好。經(jīng)過(guò)這兩個(gè)環(huán)節(jié)，才能到讀者、到用戶面前。

所以，讓我們一起努力，透過(guò)字體給讀者更多的關(guān)愛(ài)，謝謝大家。